<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>开发设置</title>
    <th:block th:include="import :: links"></th:block>
</head>
<body>
<header>
    <th:block th:include="import :: navigation"></th:block>
</header>
<section class="container" style="margin-top: 60px;">
    <div class="row" id="dataContent">
        <ol class="breadcrumb col-md-12">
            <li><a href="/index.html">首页</a></li>
            <li class="active">开发设置</li>
        </ol>
        <h2>追踪版本</h2>
        <hr/>
        <div class="col-md-12">
            <div class="btn-group" style="margin-bottom: 10px;">
                <button type="button" class="btn btn-success" onclick="addUserProject()">新增追踪</button>
            </div>
            <table class="table table-bordered table-hover table-condensed table-striped" id="projectdataTable">
                <thead>
                <tr>
                    <th>项目名称</th>
                    <th>当前版本</th>
                    <th>追踪版本</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="project in userProjects">
                    <td>{{project.appName}}</td>
                    <td>{{project.appProdVersion}}</td>
                    <td>{{project.userVersion}}</td>
                    <td class="text-center">
                        <div class="btn-group btn-group-xs">
                            <button type="button" class="btn btn-success" v-on:click="updateUserProject(project.appId)">更新版本</button>
                            <button type="button" class="btn btn-danger" v-on:click="delUserApp(project.appId)" >移除</button>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</section>
<div class="modal fade" id="AllModal" tabindex="-1" aria-labelledby="dictLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">...</h4>
            </div>
            <div class="modal-body row">

            </div>
        </div>
    </div>
</div>
<footer id="footer"></footer>
<th:block th:include="import :: impJS"></th:block>
<script type="text/javascript" th:src="@{/js/profile/settings.js}"></script>
</body>
</html>